// pages/productManage/productManage.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    listData:[
        {"name":"大闸蟹","image":"","people":"tom","phone":"type1","type":"A"},
        {"name":"大闸蟹","image":"","people":"mary","phone":"type2","type":"B"},
        {"name":"大闸蟹","image":"","people":"jack","phone":"type3","type":"C"}
      ],
      showModalStatus: false,
      searchText:"",
      form:{
        name:"",
        type:"",
        image:""
      },
      title:"",
      flag:""//标记是新增还是编辑操作
    },

    onLoad: function() {
      // Do some initialize when page load.
      
      },
    handleInput(e){
      this.data.searchText = e.detail.value
    },
    doSearch(){

    },

    powerDrawer: function (e) {  
      var currentStatu = e.currentTarget.dataset.statu;  
      var item = e.currentTarget.dataset.item;
      //如果item不为null代表编辑，反之为新增
      if(item!=null){
        this.setData({
          "title":"编辑",
          "form.name":item.name,
          "form.type":item.type,
          "form.image":item.image
        })
       
      }else{
        this.setData({
          "title":"新增",
          "form":{
            name:"",
            type:"",
            image:""
          },
        })
      }

      this.util(currentStatu)  
    
    },  
    util: function(currentStatu){  
      /* 动画部分 */  
      // 第1步：创建动画实例   
      var animation = wx.createAnimation({  
        duration: 200,  //动画时长  
        timingFunction: "linear", //线性  
        delay: 0  //0则不延迟  
      });  
        
      // 第2步：这个动画实例赋给当前的动画实例  
      this.animation = animation;  
    
      // 第3步：执行第一组动画  
      animation.opacity(0).rotateX(-100).step();  
    
      // 第4步：导出动画对象赋给数据对象储存  
      this.setData({  
        animationData: animation.export()  
      })  
        
      // 第5步：设置定时器到指定时候后，执行第二组动画  
      setTimeout(function () {  
        // 执行第二组动画  
        animation.opacity(1).rotateX(0).step();  
        // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象  
        this.setData({  
          animationData: animation  
        })  
          
        //关闭  
        if (currentStatu == "close") {  
          this.setData(  
            {  
              showModalStatus: false  
            }  
          );  
        }  
      }.bind(this), 200)  
      
      // 显示  
      if (currentStatu == "open") {  
        this.setData(  
          {  
            showModalStatus: true  
          }  
        );  
      }  
    },
  

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})